<template>
	<view class="content">
		<u-navbar title="会员详情" :placeholder='true' height="88rpx" leftIconColor="#fff"
			titleStyle='color:#fff;font-size:32rpx' left-icon-size="32rpx" bg-color="#FF594D" :autoBack="true">
		</u-navbar>

		<view class="product_content">
			<view class="product_hade product_item">
				<view class="goods_item">
					<view class="goods_name">
						产品名称
					</view>
					<view class="line">
						<u-line direction='col' color="#777"></u-line>
					</view>
					<view class="goods_num">
						剩余数量
					</view>
				</view>
				<u-line color="#777"></u-line>
			</view>
			<view class="product_item">
				<view class="goods_item">
					<view class="goods_name">
						电子表
					</view>
					<view class="line">
						<u-line direction='col' color="#777"></u-line>
					</view>
					<view class="goods_num">
						999
					</view>
				</view>
				<u-line color="#777"></u-line>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				titleStyle: {
					color: '#fff'
				},
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.content {
		background-color: #f3f3f3;
		height: 100vh;

		.product_content {
			background-color: #fff;

			.product_item {
				font-size: 26rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: 500;
				color: #777777;

				.goods_item {
					display: flex;
					line-height: 76rpx;
					text-align: center;
				}

				.line {
					height: 76rpx;
				}

				.goods_name {
					width: 530rpx;
					height: 76rpx;
				}

				.goods_num {
					width: 220rpx;
					height: 76rpx;
				}
			}
		}
	}
</style>